body{
	max-width: 540px;
	min-width: 320px;
	margin: 0 auto;
	font: normal 14px/1.5 tahoma,"lucida grande",verdana,"microsoft yahei",STXihei,hei;
	color: #000;
	background: #f2f2f2;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
	height: 2000px;
}
a{
	text-decoration: none;
	color:#222 ;
}

div{
	box-sizing: border-box;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*搜索模块*/
.search-index{
	display: flex;
	/*固定定位和父级没有任何关系*/
	position: fixed;
	top:0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	/*固定定位的盒子应给有宽度*/
	min-width: 320px;
	max-width:540px;
	width: 100%;
	height: 44px;
	background-color: #f6f6f6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	
}
.search{
	position: relative;
	flex:1;
	height: 26px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 7px 15px;
	font-size: 14px;
	color: #666;
	padding-left:25px ;
	box-shadow: 0 4px 5px rgba(0,0,0,.3) ;
}

.search::before{
	content:'' ;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 15px;
	height: 15px;
	background: url("../img/sprite.png") -59px -279px no-repeat;
	background-size: 104px auto;
}
.search-index .user{
	width: 44px;
	height: 44px;
	/*background-color: purple;*/
	font-size:14px;
	color: #2eaae0;
	text-align: center;
}

.user::before{
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	background: url("../img/sprite.png") -59px -194px ;
	background-size: 104px auto;
	margin: 2px auto -2px;
	
}

/*焦点图*/
.foucs{
	padding-top: 44px;
}
.foucs img{
	width: 100%;
	
}


/*局部导航栏*/
.local-nav{
	display: flex;
	height: 64px;
	background-color: #fff;
	border-radius: 8px;
	margin: 0px 4px 3px;
}
.local-nav li{
	flex: 1;
}

.local-nav a{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #222;
	font-size: 12px;
	
}

.local-nav-icon{
	width: 32px;
	height: 32px;
	background:url("../img/localnav_bg.png") no-repeat 0 0 ;
	background-size:32px auto;
	margin-top: 8px;
}

.icon2{
	background:url("../img/localnav_bg.png") no-repeat 0 -32px ;
	background-size:32px auto;
}
.icon3{
	background:url("../img/localnav_bg.png") no-repeat 0 -64px ;
	background-size:32px auto;
}

.icon4{
	background:url("../img/localnav_bg.png") no-repeat 0 -96px ;
	background-size:32px auto;
}

.icon5{
	background:url("../img/localnav_bg.png") no-repeat 0 -128px ;
	background-size:32px auto;
}


/*主导航栏*/
nav{
	overflow: hidden;
	border-radius: 8px;
	margin: 0 4px 3px;
}

.nav-common{
	display: flex;
	height: 88px;
	background-color: pink;
}

.nav-common:nth-child(2){
	margin: 3px 0;
}

.nav-items{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.nav-items a{
	flex: 1;
	text-align: center;
	line-height: 44px;
}
.nav-items a:nth-child(1){
	border-bottom: 1px solid #fff;
}
.nav-items:nth-child(1) a{
	border: 0;
	background: url("../img/hotel.png") no-repeat bottom center;
	background-size: 121px auto;
}
.nav-items:nth-child(-n+2){
	border-right: 1px solid #fff;
}

.nav-common:nth-child(1){
	background: -webkit-linear-gradient(left,#fa5d55,#fa954e);
}
.nav-common:nth-child(2){
	background: -webkit-linear-gradient(left,#4b92ed,#53baed);
}

.nav-common:nth-child(3){
	background: -webkit-linear-gradient(left,#42c796,#42c796);
}

/*subnav-entry*/
.subnav-entry{
	border-radius: 8px;
	margin: 0 4px 3px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	box-shadow:  0 5px 8px rgba(0,0,0,.2);
	padding-bottom: 5px;
}

.subnav-entry li{
	flex: 20%;
	
	
}

.subnav-entry a{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
}
.subnav-entry  li [class^="subnav-entry-icon"]{
	width: 24px;
	height: 24px;
	background:url("../img/subnav-bg.png") no-repeat ;
	background-size: 24px auto;
	margin-top: 10px;
}

 .subnav-entry li .subnav-entry-icon-icon2{
	background:url("../img/subnav-bg.png") no-repeat 0 -24px ;
	background-size: 24px auto;
}

 .subnav-entry li .subnav-entry-icon-icon3{
	background:url("../img/subnav-bg.png") no-repeat 0 -52px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon4{
	background:url("../img/subnav-bg.png") no-repeat 0 -85px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon5{
	background:url("../img/subnav-bg.png") no-repeat 0 -113px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon6{
	background:url("../img/subnav-bg.png") no-repeat 0 -140px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon7{
	background:url("../img/subnav-bg.png") no-repeat 0 -144px ;
	background-size: 24px auto;
}

 .subnav-entry li .subnav-entry-icon-icon8{
	background:url("../img/subnav-bg.png") no-repeat 0 -168px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon9{
	background:url("../img/subnav-bg.png") no-repeat 0 -192px ;
	background-size: 24px auto;
}
 .subnav-entry li .subnav-entry-icon-icon10{
	background:url("../img/subnav-bg.png") no-repeat 0 -216px ;
	background-size: 24px auto;
}


/*销售模块*/
.sales-box{
	border-top: 1px solid #dbdbdb;
	/*border-bottom: 1px solid #dbdbdb;*/
	background-color: #fff;
	margin: 4px;
}

.sales-hd{
	position: relative;
	height: 44px;
	border-bottom: 1px solid #dbdbdb;
}

.sales-hd h2{
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	
}
.sales-hd h2::after{
	position: absolute;
	top: 8px;
	left: 10px;
	content: '';
	width: 79px;
	height: 17px;
	background:url(../img/hot.png) no-repeat 0 -19px;
	background-size:79px auto;
}

.more{
	position: absolute;
	top: 5px;
	right: 5px;
	background: -webkit-linear-gradient(left,#ff4f68,#ff6bc6);
	padding: 3PX 20px 3px 10px;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
	
}

.more::after{
	content: '';
	position: absolute;
	top: 9px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.row{
	display: flex;
}

.row a{
	flex: 1;
	border-bottom: 1px solid #eee;
}

.row a img{
	width: 100%;
}

.row a:nth-child(1){
	border-right: 1px solid #eee;
}
